.trm-title-with-divider {
    display      : flex;
    align-items  : center;
    white-space  : nowrap;
    margin-bottom: var(--card-bottom-card);

    span {
        position     : relative;
        margin-left  : 20px;
        margin-right : 35px;
        display      : inline-block;
        height       : 1px;
        border-bottom: var(--border-dotted, dotted 2px rgba(225, 225, 235, 0.9));
        width        : 100%;

        &:after {
            content      : attr(data-number);
            border-radius: 50%;
            position     : absolute;
            font-size    : 11px;
            font-weight  : 600;
            text-align   : center;
            color        : var(--body-color, #7B7B7D);
            opacity      : .8;
            width        : 15px;
            height       : 15px;
            top          : -6px;
            right        : -35px;
        }
    }
}

.trm-divider {
    height       : 1px;
    border-bottom: var(--border-dotted, dotted 2px rgba(225, 225, 235, 0.9));
    width        : 100%;

    &.footer-divider {
        margin-bottom: var(--card-bottom-card);
    }

    +.trm-divider {
        display: none;
    }
}